<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="x-ua-compatible" content="ie=edge">

    <title>案件列表信息页面</title>

    <link rel="stylesheet" href="../extra.css">
    <!-- Font Awesome Icons -->
    <link rel="stylesheet" href="../../../plugins/font-awesome/css/font-awesome.min.css">
    <!-- IonIcons -->
    <link rel="stylesheet" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="../../../plugins/datatables/dataTables.bootstrap4.css">
    <link rel="stylesheet" href="../../../dist/css/adminlte.min.css">
    <!-- Google Font: Source Sans Pro -->
    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
    <style>
        table.dataTable td,.table thead th{
            text-align: center;
        }
    </style>
</head>
<!--
BODY TAG OPTIONS:
=================
Apply one or more of the following classes to to the body tag
to get the desired effect
|---------------------------------------------------------|
|LAYOUT OPTIONS | sidebar-collapse                        |
|               | sidebar-mini                            |
|---------------------------------------------------------|
-->
<body class="hold-transition sidebar-mini">
<div class="wrapper">
    <!-- Navbar -->
    <nav class="main-header navbar navbar-expand bg-white navbar-light border-bottom">
        <!-- Left navbar links -->
        <ul class="navbar-nav">
            <li class="nav-item">
                <a class="nav-link" data-widget="pushmenu" href="#"><i class="fa fa-bars"></i></a>
            </li>
            <li class="nav-item d-none d-sm-inline-block">
                <a href="index.html" class="nav-link">主页</a>
            </li>
            <li class="nav-item d-none d-sm-inline-block">
                <a href="#" class="nav-link">联系</a>
            </li>
        </ul>

        <!-- SEARCH FORM -->
        <form class="form-inline ml-3">
            <div class="input-group input-group-sm">
                <input class="form-control form-control-navbar" type="search" placeholder="搜索" aria-label="Search">
                <div class="input-group-append">
                    <button class="btn btn-navbar" type="submit">
                        <i class="fa fa-search"></i>
                    </button>
                </div>
            </div>
        </form>

        <!-- Right navbar links -->
        <ul class="navbar-nav ml-auto">
            <li class="nav-item">
                <button style="font-weight: bold" type="button" class="button-pill button btn-danger"
                        onclick="logout()">
                    退出
                </button>
            </li>
            <!-- Messages Dropdown Menu -->
            <li class="nav-item dropdown">
            <li class="nav-item">
                <a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#"><i
                        class="fa fa-th-large"></i></a>
            </li>
        </ul>
    </nav>
    <!-- /.navbar -->

    <!-- Main Sidebar Container -->
    <aside class="main-sidebar sidebar-dark-primary elevation-4">
        <!-- Brand Logo -->
        <!--<a href="index3.html" class="brand-link">-->
        <!--<img src="dist/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3"-->
        <!--style="opacity: .8">-->
        <!--<span class="brand-text font-weight-light">AdminLTE 3</span>-->
        <!--</a>-->

        <!-- Sidebar -->
        <div class="sidebar">
            <!-- Sidebar user panel (optional) -->
            <div class="user-panel mt-3 pb-3 mb-3 d-flex">
                <div class="image">
                    <img src="../../../dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image">
                </div>
                <div class="info">
                    <a href="#" class="d-block">商户</a>
                </div>
            </div>

            <!-- Sidebar Menu -->
            <nav class="mt-2">
                <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu"
                    data-accordion="false">
                    <!-- Add icons to the links using the .nav-icon class
                         with font-awesome or any other icon font library -->
                    <li class="nav-item ">
                        <a href="index.html" class="nav-link">
                            <i class="nav-icon fa fa-dashboard"></i>
                            <p>
                                案件概况
                                <!--<i class="right fa fa-angle-left"></i>-->
                            </p>
                        </a>
                    </li>



                    <li class="nav-item has-treeview">
                        <a href="case.html" class="nav-link active">
                            <i class="nav-icon fa fa-table"></i>
                            <p>
                                案件管理
                                <!--<i class="fa fa-angle-left right"></i>-->
                            </p>
                        </a>
                    </li>

                    <li class="nav-item has-treeview">
                        <a href="#" class="nav-link">
                            <i class="nav-icon fa fa-table"></i>
                            <p>
                                协查表管理
                                <i class="fa fa-angle-left right"></i>
                            </p>
                        </a>
                        <ul class="nav nav-treeview">
                            <li class="nav-item">
                                <a href="assistant.html" class="nav-link">
                                    <i class="fa fa-circle-o nav-icon"></i>
                                    <p>协查表信息</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="feedback.html" class="nav-link">
                                    <i class="fa fa-circle-o nav-icon"></i>
                                    <p>反馈信息</p>
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </nav>
            <!-- /.sidebar-menu -->
        </div>
        <!-- /.sidebar -->
    </aside>

    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0 text-dark">案件信息</h1>
                    </div><!-- /.col -->
                    <div class="col-sm-6" >
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item">主页</li>
                            <li class="breadcrumb-item active">案件信息</li>
                        </ol>

                        <span class="button-span float-sm-right" style="margin-right: 50px">
                            <button style="font-weight: bold" class="button button-glow button-pill btn-success" data-toggle="modal" data-target="#seeOpponentDetail" onclick="location='caseinsert.html'">新增案件
                            </button>

<!--                            <button style="font-weight: bold" class="button button-glow button-pill btn-success" data-toggle="modal" data-target="#seeOpponentDetail" onclick="location='areainsert.html'">批量下载材料-->
<!--                            </button>-->

<!--                            <button style="font-weight: bold" class="button button-glow button-pill btn-success" data-toggle="modal" data-target="#seeOpponentDetail" onclick="location='areainsert.html'">批量下载反馈-->
<!--                            </button>-->
                        </span>
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.container-fluid -->
        </div>
        <!-- /.content-header -->

        <section class="content">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <!--<div class="card-header">-->
                        <!--<h3 class="card-title">Hover Data Table</h3>-->
                        <!--</div>-->
                        <!-- /.card-header -->
                        <div class="card-body">
                            <table id="case-table" class="table table-bordered table-hover">
                                <thead>
                                <tr>
                                    <th>案件名</th>
                                    <th>案件编号</th>
                                    <th>案件类别</th>
                                    <th>罪名种类</th>
                                    <th>办案单位</th>
                                    <th>创建时间</th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                            </table>
                        </div>
                        <!-- /.card-body -->
                    </div>
                </div>

                <!--&lt;!&ndash; /.col &ndash;&gt;-->
            </div>
            <!--&lt;!&ndash; /.row &ndash;&gt;-->
        </section>

    </div>
    <!-- /.content -->
    <!-- /.content-wrapper -->

    <!-- Control Sidebar -->
    <aside class="control-sidebar control-sidebar-dark">
        <!-- Control sidebar content goes here -->
    </aside>
    <!-- /.control-sidebar -->

    <!-- Main Footer -->
    <footer class="main-footer">
        <!-- To the right -->
        <div class="float-right d-none d-sm-block-down">
            Anything you want
        </div>
        <!-- Default to the left -->
        <strong>Copyright &copy; 2021 Solitary.</strong> All rights reserved.
    </footer>
</div>
<!-- ./wrapper -->

<!-- REQUIRED SCRIPTS -->

<!-- jQuery -->
<script src="../../../plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap -->
<script src="../../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- AdminLTE -->
<script src="../../../dist/js/adminlte.js"></script>
<!-- DataTables -->
<script src="../../../plugins/datatables/jquery.dataTables.js"></script>
<script src="../../../plugins/datatables/dataTables.bootstrap4.js"></script>

<!-- OPTIONAL SCRIPTS -->
<script src="../../../plugins/chart.js/Chart.min.js"></script>
<script src="../../../dist/js/demo.js"></script>
<script src="../../../dist/js/pages/dashboard3.js"></script>
<script>
    var table
    var user_token = sessionStorage.getItem('user_token');
    $(function () {
        refreshData()
    })


    function del(id) {
        var user_token = sessionStorage.getItem('user_token')

        var settings = {
            'async': true,
            'crossDomain': true,
            'url': 'http://127.0.0.1:5744/api/case/del/' + id,
            'method': 'DELETE',
            'headers': {
                'Authorization': user_token
            }
        }


        $.ajax(settings)
            .done(function (response) {
                if (response.code == '0') {
                    alert(response.message)
                    table.destroy()
                    refreshData()

                } else {
                    alert(response.message)
                }
            })


    }


    function refreshData() {
        var user_token = sessionStorage.getItem('user_token')
        var area_id=sessionStorage.getItem('area_id')


        console.log(area_id)
        var settings = {
            'async': true,
            'crossDomain': true,
            'url': 'http://127.0.0.1:5744/api/case/list/'+area_id,
            'method': 'GET',
            contentType: "application/json",

            'headers': {
                'Authorization': user_token
            },
        }

        var data = []

        $.ajax(settings)
            .done(function (response) {
                if (response.code == '0') {
                    data = resolveData(response)
                    table = $('#case-table')
                        .DataTable({
                            destroy: true,
                            data: data,
                            pagingType: "full_numbers",
                            language: {
                                //"info": "当前第_PAGE_页，共 _PAGES_页",
                                sInfo: "当前显示第 _START_ 到第 _END_ 条，共 _TOTAL_ 条",
                                sInfoFiltered: "(从_MAX_条筛选 )",
                                sInfoEmpty: "共筛选到0条",
                                sSearch: "搜索:",
                                sLengthMenu: "每页显示 _MENU_ 条",
                                sZeroRecords: "未筛选到相关内容",
                                paginate: {
                                    sFirst: "首页",  //首页和尾页必须在pagingType设为full_numbers时才可以
                                    sLast: "尾页",
                                    sPrevious: "上一页",
                                    sNext: "下一页",
                                    first: "First page",
                                    last: "Last page",
                                    next: "Next page",
                                    previous: "Previous page"
                                }

                            },
                            columns: [
                                { data: 'casename' },
                                { data: 'numbers' },
                                { data: 'casetype_id',
                                    render: function(data, type, row, meta) {
                                        if(row.casetype_id==1){
                                            return '刑事案件';
                                        }
                                        if(row.casetype_id==2){
                                            return '行政案件';
                                        }
                                        if(row.casetype_id==3){
                                            return '案事件初查';
                                        }
                                        if(row.casetype_id==4){
                                            return '其他';
                                        }
                                        else{
                                            return '';
                                        }
                                    } },
                                { data: 'intendeds' ,
                                    render: function(data, type, row, meta) {
                                        if(row.intendeds==1){
                                            return '诈骗类';
                                        }
                                        if(row.intendeds==2){
                                            return '伤害类';
                                        }
                                        if(row.intendeds==3){
                                            return '毒品类';
                                        }
                                        if(row.intendeds==4){
                                            return '色情类';
                                        }
                                        if(row.intendeds==5){
                                            return '国家安全类';
                                        }
                                        if(row.intendeds==6){
                                            return '其他';
                                        }

                                        else{
                                            return '';
                                        }
                                    }},
                                { data: 'area'},
                                { data: 'newtime',
                                    render: function(data, type, row, meta) {
                                        var time=row.newtime.toLocaleString().substr(0,19);
                                        return time;

                                    } },
                            ],
                            columnDefs: [
                                // // 将Salary列变为红色
                                // {
                                //   "targets": [5], // 目标列位置，下标从0开始
                                //   "data": "salary", // 数据列名
                                //   "render": function(data, type, full) { // 返回自定义内容
                                //     return "<span style='color:red;'>" + data + "</span>";
                                //   }
                                // },
                                // 增加一列，包括删除和修改，同时将我们需要传递的数据传递到链接中
                                {
                                    'targets': [6], // 目标列位置，下标从0开始
                                    'render': function (data, type, row, meta) { // 返回自定义内容
                                        // return "<a href='/delete?name=" + data + "'>Delete</a>&nbsp;<a href='/update?name=" + data + "'>Update</a>";
                                        return ' <td> ' +
                                            '                                            <button class="btn-danger xg"\n' +
                                            '                                                    data-toggle="modal"\n' +
                                            '                                                    data-target="#deleteOpponent"\n' +
                                            '                                                    onclick="update(' + row.id + ')">\n' +
                                            '                                                修改\n' +
                                            '                                            </button>\n' +
                                            '\n' +
                                            '                                            <button class="btn-danger dj"\n' +
                                            '                                                    data-toggle="modal"\n' +
                                            '                                                    data-target="#deleteOpponent"\n' +
                                            '                                                    onclick="news(' + row.id + ')">\n' +
                                            '                                                新增协查\n' +
                                            '                                            </button>\n' +
                                            '\n' +
                                            '                                              <button class="btn-danger"\n' +
                                            '                                                    data-toggle="modal"\n' +
                                            '                                                    data-target="#deleteOpponent"\n' +
                                            '                                                    onclick="del(' + row.id + ')">\n' +
                                            '                                                删除\n' +
                                            '                                            </button>\n' +
                                            '\n' +
                                            '                                        </td>'
                                    }
                                }
                            ]
                        })
                } else {

                    alert(response.message)
                }
            })
    }

    function resolveData(response) {
        return response.data
    }
    function update(id) {
        sessionStorage.setItem('case_id', id)
        window.location.href = 'caseafter.html'
    }
    function news(id) {
        sessionStorage.setItem('case_id', id)
        var settings = {
            'async': true,
            'crossDomain': true,
            'url': 'http://127.0.0.1:5744/api/assistant/add/' + id,
            'method': 'GET',
            'headers': {
                'Authorization': user_token
            }
        }


        $.ajax(settings)
            .done(function (response) {
                if (response.code == '0') {
                    console.log(response.data);
                    sessionStorage.setItem('assistant_id', response.data);
                    window.location.href = 'assinsert.html'

                } else {
                    alert(response.message)
                }
            })

    }

    function logout() {
        sessionStorage.removeItem('user_token')
        window.location.href = '../common/login.html'

    }
</script>
</body>

</html>
